﻿body{font-family:"Microsoft Yahei";font-size:14px;color:#5B5B5B; padding:0; margin:0;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#5B5B5B; font-size:14px;}
.documenut_width { width:1100px; height:auto; margin:0 auto;}

/*头部*/
.head{ width:1100px; margin:0px auto; height:95px;}
.head .logo{ width:465px; height:70px; float:left; margin-top:7px;}
.head .logo img{ width:auto; height:70px; vertical-align:top; float:left;}
.head .h_tel{ width:317px; float:right; margin-top:22px; position:relative}
.head .h_tel .lang{ width:100%; height:18px; line-height:18px; text-align:right; font-size:12px; color:#444; position:absolute; right:0px; top:3px;}
.head .h_tel .lang a{ color:#444;}
.head .h_tel .lang a:hover{ color:#328622;}
.head .h_tel dt{ width:48px; height:48px; float:left;}
.head .h_tel dt img{ width:48px; height:48px; vertical-align:top;}
.head .h_tel dd{ width:261px; float:left; margin-left:8px; text-align:left;}
.head .h_tel dd div{ height:30px; line-height:30px; font-size:18px; color:#D10B00;}
.head .h_tel dd p{ font-size:14px; color:#000000;}
.head .h_tel dd p span{ margin-left:10px; display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.nav_bg{ width:100%; height:52px; background:#154d9d;}
.nav_bg .nav_c{ width:1100px; height:52px; margin:0px auto;}
.nav_c .search{ width:326px; height:36px; background:#fff; float:right; position:relative; margin-top:8px; border-radius:3px; }
.nav_c .search .text{ width:258px; height:36px; line-height:36px; position:absolute; left:0px; top:0px; padding:0px 5px 0 15px; box-sizing:border-box;  border:0px; background:none; outline:none;}
.nav_c .search .btn{ width:68px; height:37px; background:#113d7c; position:absolute; right:0px; top:0px; cursor:pointer; border:0px; z-index:99; font-size:14px; color:#FFFFFF;}
.nav_c .nav{ width:730px; float:left;}
.nav_c .nav li{ width:120px; height:52px; text-align:center; line-height:52px; float:left; font-size:16px; color:#FFFFFF;}
.nav_c .nav li a{ font-size:16px; color:#FFF;}
.nav_c .nav li.now , .nav_c .nav li:hover{ background:#113d7c;}
.nav_c .nav_m{ display:none; position:relative; width:100%;} 
.nav_m .n_icon{ display:block; width:22px; height:18px; background:url(../images/nav_ico.png) no-repeat; position:absolute; right:10px; top:17px; z-index:9999; cursor:pointer;}
.nav_m ul{ width:100%; border-top:2px solid #fff; display:none; clear:both;}
.nav_m ul li{ width:100%; height:38px; line-height:38px; border-bottom:1px dashed #ddd; text-align:left;}
.nav_m ul li a{ display:block; width:94%; height:38px; line-height:38px; padding:0px 3%; color:#fff;}
.nav_m ul li:hover{background:#2A6B1D;}
/*幻灯片*/
.banner{ width:100%;  overflow:hidden; height:34vw; position:relative;}
.banner ul {  overflow:hidden; padding:0; margin:0;height:34vw;  }
.banner ul li{ width:100%;  height:100%; height:34vw;  float:left; padding:0; margin:0;}
.banner ul li img{width:100%; display:block;}
.banner  .show_img{ width:50%; height:auto; display:block; margin:0 auto;margin-top:50px; z-index:888; position:relative}
.banner  .show_img img{ width:100%; height:auto; display:block;}
.banner-span{margin:0px;padding:0px;width:100%;position:absolute; bottom:20px;text-align:center; z-index:886;}
.banner-span span{display:inline-block;margin-left:10px;width:12px;height:12px;background:url(../images/banner_span.png) no-repeat; cursor:pointer;}
.banner-span span.cur{display:inline-block;margin-left:10px;width:12px;height:12px;background:url(../images/banner_span_hover.png) no-repeat; cursor:pointer;}
/*幻灯片*/
.hui_bg{ width:100%; background:#E7E7E7; box-shadow:0px 1px 5px #ddd inset;}
.b_head{ width:100%; text-align:center; padding:50px 0;}
.b_head h6{ font-size:40px; color:#5B5B5B; font-weight:normal;}
.b_head h6 span{ color:#328521;}
.b_head p{ font-size:14px; color:#969696; margin-top:10px;}
.i_prom{ width:1100px; margin:0px auto; padding:10px 0 100px;}
.i_prom .lei{ width:220px; float:left; background:#FFF; border:1px solid #ddd; height:auto; min-height:300px;  box-sizing:border-box; margin-right:20px;}
.i_prom .lei .title{ width:100%; height:40px; line-height:40px; background:#113d7c; font-size:18px; color:#FFFFFF; text-align:center;}
.i_prom .lei ul{ width:100%; }
.i_prom .lei ul li{ width:100%; text-align:center; border-bottom:1px solid #ddd;}
.i_prom .lei ul li a{ display:block;height:40px; line-height:40px;font-size:14px; color:#393939;}
.i_prom .lei ul li a:hover,.i_prom .lei ul li a.now{ color:#113d7c; background:#f2f2f2;}
.i_prom .lei ul li ul{ width:100%; border-top:1px solid #ddd; margin-left:0px; display:none;}
.i_prom .lei ul li ul li{ width:100%; border-bottom:1px dashed #ddd;}

.i_prom .i_prol{ width:860px; height:auto; border:1px solid #ddd; float:right; background:#FFF; overflow:hidden; padding:10px 10px 30px 10px; box-sizing:border-box;}
.slidegrid {float: left;position: relative;overflow: hidden;}
.slideitems {width: 2000000em !important;position: absolute;}
.slideitems li {float: left;}
.mainPhoto {width:100%; height:auto;margin: 0 auto;position: relative;overflow: hidden}
.mainPhoto .go {width:100%; height:auto;position: relative;left:0px;overflow: hidden}
.mainPhoto .go li {width:100%; height:auto; margin:0px !important; margin-right:5px;}
.i_prom .i_prol ul{ width:100%;}
.mainPhoto .go li ul li{ width:24%; height:auto; float:left; margin:0.5% !important; position:relative; background:#f2f2f2;}
.mainPhoto .go li ul li img{ width:100%; height:200px; object-fit: cover; vertical-align:top;}
.mainPhoto .go li ul li .title{ width:100%; height:37px; line-height:37px; text-align:left; background:url(../images/bg_a.png) repeat; position:absolute; left:0px; bottom:0px; z-index:99;}
.mainPhoto .go li ul li .title p{ width:90%; height:37px; line-height:37px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#FFF; margin-left:5%;}
.mainPhoto .go li ul li a:hover .title p{ color:#328622;}
    .mainPhoto .go li ul li .name { width:100%; height:50px; line-height:50px; float:left; text-align:center; color:#333;    }




.i_news{ width:1000px; margin:0px auto; padding-bottom:100px;}
.i_news li{ width:1000px; margin:0px auto; margin-bottom:8px;}
.i_news li .wen{ width:466px; height:180px; padding:10px 15px 0; position:relative; background:#F3F3F3;}
.i_news li .wen h5{ width:100%; height:60px; line-height:60px; position:relative; font-weight:normal;}
.i_news li .wen h5 p{ width:70%; height:60px; line-height:60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i_news li .wen h5 p a{ font-size:14px; color:#357F05;}
.i_news li .wen h5 span{ display:block; text-align:center; position:absolute; right:0px; top:0px; font-size:14px; color:#A4A4A4;}
.i_news li .wen .des{ width:100%; height:80px; line-height:175%; overflow:hidden; font-size:12px; color:#595959;}
.i_news li .wen .more{ display:block; width:24px; height:24px; background:#367F05; text-align:center; position:absolute; right:0px; bottom:0px;}
.i_news li .wen .more img{ width:11px; height:11px; vertical-align:top; margin-top:6px;}
.i_news li .tu , .i_news li .tu img{ width:496px; height:190px; vertical-align:top;}
.i_news li.one .tu{ float:right;}
.i_news li.one .wen{ float:left;}
.i_news li.two .tu{ float:left;}
.i_news li.two .wen{ float:right;}
.friend{ width:1000px; margin:0px auto; padding-bottom:100px;}
.frd_m{ width:100%;}
.frd_m li{ width:24%; height:auto; float:left; margin:0.5%; box-shadow:1px 1px 3px #ccc; box-sizing:border-box;}
.frd_m li img{ width:245px; height:103px; vertical-align:top;}
.foot{ width:100%; padding:25px 0; text-align:center; border-top:1px solid #ddd; float:left;}
.foot .f_nav{ width:100%; line-height:200%; color:#3B3B3B;}
.foot .f_nav a{ font-size:12px; color:#3B3B3B; margin:0 10px; display:inline-block; *display:inline; zoom:1;}
.foot .f_nav a:hover{ color:#367F05;}
.foot p{ font-size:12px; color:#656565; line-height:200%;}
.banner img{ width:100%; height:auto; vertical-align:top;}
.scd{ width:100%; margin:0px auto; float:left;}
.scd .title{ width:1100px; margin:0px auto; position:relative; text-align:center;}
.scd .title .line{ width:100%; height:1px; background:#ddd; position:absolute; left:0px; top:70px; z-index:1;}
.scd .title .t_name{ display:inline-block; *display:inline; zoom:1; background:#FFF; position:relative; margin:0px auto; z-index:2; padding:10px; vertical-align:top; margin-top:30px;}
.scd .title .t_name h6{ font-size:22px; color:#113d7c; font-weight:normal;}
.scd .title .t_name p{ font-size:14px; color:#8D8D8D;}
.scd .about{ width:1100px; margin:0px auto; text-align:left; padding:30px 0; font-size:14px; color:#909090; line-height:175%;}
.s_pro{ width:1100px; margin:0px auto; padding:50px 0; text-align:left;}
.s_pro .mar_m {width:2000000em;}
.marqueeleft {height:205px;width:100%;overflow: hidden;}
.marqueeleft ul {float: left;}
.marqueeleft li {float: left;display: inline;height:205px;overflow: hidden; margin-right:7px;}
.marqueeleft li .pic {display: block;overflow: hidden;width:328px;height:205px;}
.marqueeleft li .pic img{width:328px;height:205px;vertical-align:top;}
.scd .pro_l{ width:1100px; margin:0px auto;}
.pro_l .p_lei{ padding:30px; text-align:center;}
.pro_l .p_lei a{ display:inline-block; *display:inline; zoom:1; height:18px; line-height:18px; border-right:1px dashed #ccc; padding:0px 60px; font-size:16px; font-weight:550; color:#2D2D2D; margin-bottom:10px;}
.pro_l .p_lei a.now , .pro_l .p_lei a:hover{ color:#113d7c;}
.pro_l .p_lei a:last-child { border-right:none;    }
.pro_l ul{ width:1000px; margin:0px auto;}
.pro_l ul li{ width:325px; float:left; margin:10px 10px 10px 0;}
.pro_l ul li img{ width:100%; height:auto; vertical-align:top;}
.pro_l ul li a{ font-size:14px; color:#212121;}
.pro_l ul li a:hover{ color:#328622;}
.pro_l ul li .name{ width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.pages{ width:100%; padding:20px 0; text-align:center;}
.pages a{ display:inline-block; *display:inline; zoom:1; height:26px; line-height:26px; border:1px solid #ddd; margin:0px 1px; font-size:13px; color:#333; padding:0px 9px; text-align:center;}
.pages a:hover , .pages a.now{ color:#FFF; border:1px solid #328622; background:#328622;}
.pro_d{ width:1000px; margin:0px auto; padding:30px 0 20px; text-align:left;}
.pro_d .pro_da{ width:100%;}
.pro_d .pro_da dt{ width:370px; height:265px; float:left; box-sizing:border-box;}
/*.pro_d .pro_da dt img{ width:350px; height:265px; vertical-align:top;}*/
.pro_d .pro_da dd{ width:620px; float:right;}
.pro_d .pro_da dd h1{ font-size:16px; color:#000000; line-height:175%; font-weight:600;  border-bottom:1px solid #f2f2f2; }
    .pro_d .pro_da dd h1 span { font-weight:normal; font-size:14px;    }
    .pro_d .pro_da dd .table td { height:24px; line-height:24px; overflow:hidden;    }

.pro_d .pro_da dd .des{ width:100%; font-size:14px; color:#777777; line-height:175%;}
.pro_d .pro_ctn{ width:100%; margin-top:20px; font-size:14px; color:#707070; line-height:175%; font-size:14px; line-height:26px; float:left;}
.pro_d .pro_ctn img{ width:auto; max-width:100% !important; height:auto !important; display:block;}

.tts { width:100%; height:50px; line-height:50px; float:left; text-align:center; font-size:16px; background:#f2f2f2;}
.news_d{ width:100%; text-align:left; line-height:200%; border-top:1px solid #ddd; padding-top:30px;}
.news_d h3{ width:100%; text-align:center; padding:10px 0; line-height:150%;}
.news_d .des{ width:100%; padding:0px 0 10px; font-size:13px; color:#999; text-align:center;}
.news_d .n_ctn{ padding:20px 0; border-top:1px dashed #ddd; min-height:250px; line-height:175%;}
.news_d .w_dx{ width:100%; padding:20px 0;}
.news_d .w_dx p{ width:98%; height:22px; line-height:22xp; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;}
.news_d .w_dx p a{ color:#666;}
.news_d .w_dx p a:hover,.news dl dd .tilte a:hover,.news dl dd .more a:hover{ color:#D60000;}

.news{ width:1000px; padding-bottom:30px; margin:0 auto;}
.news dl{ width:100%; margin-top:15px; padding-bottom:15px; border-bottom:1px solid #f2f2f2;}
.news dl dt , .news dl dt img{ width:240px; height:165px; float:left; vertical-align:top;}
.news dl dd{ width:745px; float:right; text-align:left; padding-top:15px;}
.news dl dd .tilte{ width:100%; height:35px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news dl dd .tilte a{ font-size:17px; font-weight:600; color:#333;}
.news dl dd .des{ width:100%; height:90px; font-size:14px; color:#666; line-height:180%; overflow:hidden;}
.news dl dd .more{ width:100%; height:25px; line-height:25px; margin-top:10px;}
.news dl dd .more a{ display:inline-block; *display:inline; zoom:1; width:90px; height:25px; line-height:25px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; background:#ddd; text-align:center; color:#777;}
.pro_d .pro_da dt{ height:365px;}
#preview{ float:none; margin-left:0px;text-align:center; width:365px;}
.jqzoom{ width:350px; height:270px; position:relative;}

.zoomdiv{ left:859px; height:330px; width:330px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../plugins/pro/images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../plugins/pro/images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0; overflow:hidden;}
.jqzoom img{ width:350px; height:265px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.pro_d .pro_da dt .bigimg{width:529px;height:401px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move; width:120px !important; height:120px !important;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:8px; *margin-left:0; width:310px !important;}

/****分页****/
.fenye{ width:100%; height:auto; float:left; margin:25px 0;}
.fenye ul{  text-align: center; white-space: nowrap;}
.fenye ul li{ display: inline;  display: table-cell; display: inline-block;width:30px; height:30px;  line-height:30px; text-align:center; background:#fff; border-radius:2px;margin:0 2px;}
.fenye ul a{ display: inline;  display: table-cell; display: inline-block;width:30px; height:30px; border:1px solid #ddd; line-height:30px; text-align:center; background:#fff; border-radius:2px; }
.fenye ul a:hover,.fenye ul a.cur{ background:#0a348b; border:1px solid #0a348b;  color:#fff;}

#alertdiv{ position: fixed;margin: auto;width: 100%;top: 40%;display: none;z-index: 2147483647; }
#alertdiv div{ background-color: #000;color: #FFF;padding: 20px 20px 20px 20px;min-width: 100px;opacity: 0.7;min-height: 25px;text-align: center;color: rgb(255, 255, 255);border-width: 1px;  border-style: solid;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;line-height: 150%;width: 60%;margin: auto;z-index: 2147483647;}



/****公司简介*****/
dl.zstpdl { width:24%; height:auto; float:left; margin:1% 0.5%;}
dl.zstpdl dt { width:100%; height:auto; float:left; }
dl.zstpdl dt img{ width:100%; height:auto; display:block;}
dl.zstpdl dd{ width:100%; height:auto; float:left; font-size:16px; line-height:36px; text-align:center; margin-top:5px;}





/****新加联系我们*****/
.lxwm_ly{ width:100%; height:auto; float:left; padding:30px 50px; box-sizing:border-box;}
.lxwm_ly dl.d1{ width:49%; height:auto; margin:0.5%; float:left;}
.lxwm_ly dl.d1 dt{ width:30%; height:40px; line-height:40px; float:left; text-align:right; font-size:16px; padding-right:10px; box-sizing:border-box;}
.lxwm_ly dl.d1 dd{ width:70%; height:auto; float:left;}
.lxwm_ly dl.d1 dd .input{ width:100%; height:40px; line-height:40px; float:left; border:1px solid #dedede; font-size:16px; border-radius:2px; outline:none; text-indent:15px;}

.lxwm_ly dl.d2{ width:99%; height:auto; margin:0.5%; float:left;}
.lxwm_ly dl.d2 dt{ width:15%; height:40px; line-height:40px; float:left; text-align:right; font-size:16px; padding-right:10px; box-sizing:border-box;}
.lxwm_ly dl.d2 dd{ width:85%; height:auto; float:left;}
.lxwm_ly dl.d2 dd .text{ width:100%; height:120px; line-height:30px; padding:5px 10px; box-sizing:border-box;font-size:16px; float:left; border:1px solid #dedede; border-radius:2px; outline:none; text-indent:15px;}

.lxwm_ly_b{ width:50%; height:45px; margin:15px 25%; float:left;}
.lxwm_ly_b .button{ width:100%; height:45px; line-height:45px; float:left; text-align:center; border:none; background:#233a7c; color:#fff; font-size:18px; outline:none; cursor:pointer; border-radius:3px;}
.lxwm_ly_b .button:hover{ opacity:0.8;}

.lxwm_div1{ width:100%; height:auto; float:left; padding:20px 0;}
dl.lxdl{ width:23%; height:auto; float:left; margin:1%;}
dl.lxdl dt{ width:100%; height:auto; float:left; text-align:center;}
dl.lxdl dt img{ width:110px; height:auto; margin:0 auto;position:relative; z-index:1;}
dl.lxdl dd{ width:100%; height:auto; float:left; border:1px solid #dedede; border-radius:3px; margin-top:-55px; padding:70px 20px 30px 20px; text-align:center; box-sizing:border-box; }
dl.lxdl dd strong{ width:100%; height:auto; float:left; font-size:18px; font-weight:normal; line-height:30px;}
dl.lxdl dd  p{ width:100%; height:80px; line-height:20px; font-size:14px; float:left; overflow:hidden;}

.lxwm_dt{ width:100%; height:auto; float:left; margin-bottom:10px;}
.lxwm_dt img{ width:100%; height:auto; display:block;}

/*******产品中心*****/
.searchinfo { padding-bottom:40px;}

dl.pdl{ width:24%; height:auto; float:left; margin:0.5%; border:1px solid #f2f2f2; box-sizing:border-box;}
dl.pdl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.pdl dt img{ width:100%; height:auto; display:block;box-sizing:border-box;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.pdl:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.pdl dd{ width:100%; height:auto; float:left; background:#ededed; padding:15px 10px; box-sizing:border-box;}
dl.pdl dd h3 a{ width:100%; height:26px; line-height:26px; font-size:15px; font-weight:550; float:left; overflow:hidden; text-align:center; color:#333;}
dl.pdl dd p{ width:100%; height:20px; line-height:20px; font-size:14px; overflow:hidden; text-align:center;}
dl.pdl:hover dd{ background:#154d9d; color:#fff;}
dl.pdl:hover dd h3 a{ color:#fff;}

.nybanner{ width:100%; height:19vw; background-size:cover !important;}
